<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
<title>分红豆明细</title>
<link rel="stylesheet" type="text/css" href="../../css/base.css">
<link rel="stylesheet" type="text/css" href="../../css/nctouch_member.css">
</head>
<body>
<header id="header">
  <div class="header-wrap">
    <div class="header-l"><a href="javascript:history.go(-1)"><i class="back"></i></a></div>
    <div class="header-title">
      <h1>分红豆明细</h1>
    </div>
    <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
  </div>
  <div class="nctouch-nav-layout">
    <div class="nctouch-nav-menu"> <span class="arrow"></span>
      <ul>
        <li><a href="../../index.html"><i class="home"></i>首页</a></li>
        <li><a href="../search.html"><i class="search"></i>搜索</a></li>
        <li><a href="member.html"><i class="member"></i>个人中心</a><sup></sup></li>
        <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
      </ul>
    </div>
  </div>
</header>
<div class="nctouch-main-layout">
  <div id="pointscount" class="nctouch-asset-info"></div>
<div class="redpoints mt5" >
 <!--有漏洞 -->
  <ul>
    <li style="line-height:1.2rem">兑换：   </li>
    <li>
      <input type="text" name="red_points" id="red_points" value="0" class="shuru" oninput="checks();">&nbsp;&nbsp;</li>
    <li>
      <input type="submit" name="button" id="button" value="分红豆变现" class="shurubt"></li>
    <li style="color:#666;line-height:1.2rem">友情提示：分红豆满100才可以变现转入余额！</li>
	<li style="color:#666;line-height:1.2rem">友情提示：分红豆兑换到余额的比例为100:1</li>
  </ul>
 <!--有漏洞 -->
</div>
  <ul id="pointsloglist" class="nctouch-log-list mt5">
  </ul>
</div>
<footer id="footer" class="bottom"></footer>
<script type="text/html" id="pointscount_model">
	<div class="container point">
		<i class="icon"></i>
			<dl>
				<dt>我的分红豆</dt>
				<dd><em id="hjf"><%=reds_point;%></em></dd>
			</dl>
	</div>
</script> 
<script type="text/html" id="list_model">
        <% if(log_list.length >0){%>
        <% for (var k in log_list) { var v = log_list[k]; %>
            <li><dl><dt><%=v.stagetext;%></dt>
                <dd><%=v.pl_desc;%></dd>
				</dl>
                <% if(v.pl_points >0){%>
                <div class="money add">+<%=v.pl_points;%></div>
                <%}else{%>
                <div class="money reduce"><%=v.pl_points;%></div>
                <%}%>
                <time class="date"><%=v.addtimetext;%></time>
            </li>
        <%}%>
        <li class="loading"><div class="spinner"><i></i></div>数据读取中</li>
        <%
        }else {
        %>
       <div class="nctouch-norecord signin" style="top: 70%;">
        <div class="norecord-ico"><i></i></div>
        <dl>
            <dt>您还没有任惠红积分记录</dt>
			<dd>分红豆每日由宝豆按照平台参数自动转化产生。</dd>
        </dl>
    	</div>
        <%
        }
        %>
    </script> 
<script type="text/javascript" src="../../js/config.js"></script> 
<script type="text/javascript" src="../../js/zepto.min.js"></script> 
<script type="text/javascript" src="../../js/template.js"></script> 
<script type="text/javascript" src="../../js/common.js"></script> 
<script type="text/javascript" src="../../js/ncscroll-load.js"></script> 
<script>
    $(function(){
	$('#button').click(function(){
	    var red_points=$('#red_points').val();
	    if (red_points>0) {
	    	 $.ajax({
                type: "post",
                url: ApiUrl + "/index.php?act=member_points&op=memberpoints",
                data: {
                    red_points: red_points,
					'key':key        
                },
                dataType: "json",
                  success: function(a) {
				 // alert(a.datas.update);
                  if (a.datas.update>0) {
                        location.href = WapSiteUrl + "/tmpl/member/reds_pointslog_list.html"
                    } else {
					   alert('抱歉亲，您的分红豆未达到100！');
                      //  location.href = WapSiteUrl
                    }
                }
            })
	    }else{
	    	alert('请输入正确的数值!');
	    }
	});
        var key = getCookie('key');
        if (!key) {
            window.location.href = WapSiteUrl+'/tmpl/member/login.html';
            return;
        }
        //渲染list
        var load_class = new ncScrollLoad();
        load_class.loadInit({'url':ApiUrl + '/index.php?act=member_points&op=reds_pointslog','getparam':{'key':key},'tmplid':'list_model','containerobj':$("#pointsloglist"),'iIntervalId':true});
        //获取我的红积分
        $.getJSON(ApiUrl + '/index.php?act=member_index&op=my_asset', {'key':key,'fields':'point'}, function(result){
            var html = template.render('pointscount_model', result.datas);
            $("#pointscount").html(html);
        });
    });
function checks(){
   a=$('#red_points').val();
   b=parseInt($('#hjf').html());
   if(a>b){
      $('#red_points').val(b);
	  alert("请输入正确的金额");
   }
}
</script>
</body>
</html>